<script>
export default {
    name: "AppNav"
}
</script>

<template>
    <nav>
        <router-link exact to="/">首页</router-link>|
        <router-link to="/newsList">新闻列表</router-link>|
        <router-link to="/goodsList">商品列表</router-link>|
        <router-link to="/my">个人中心</router-link>
    </nav>
</template>

<style scoped lang="less">
nav{
    a{
        margin:5px;
        color:skyblue;
        &.router-link-active{
            color:red;
        }
    }
}
</style>